<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>hello Vue</title>
	</head>
	<body>
		<div id="app1">
			<h2>开始计算的数：{{number}}</h2>
			<button v-on:click="addNumber(1)">+</button>
			<button v-on:click="subNumber(2)">-</button>
		</div>
	</body>
	<script src="../css/vue.js"></script>
	<script>
		const app = new Vue({
			el: "#app1",
			data: {
				number: 0
			},
			methods:  {
				addNumber(num) {
					console.log("开始加" + num);
					this.number++;
				},
				subNumber: function (num) {
					console.log("开始减" + num);
					this.number--;
				}
			},
			//内置函数，是生命周期执行那步骤的回调函数
			// beforeCreate: function () {
			//
			// },
			// errorCaptured: function () {
			//
			// },
			// create:function () {
			//
			// },
			// beforeMount:function () {
			//
			// },
			// update: function () {
			//
			// },
			// destroyed:function () {
			//
			// }

		})
	</script>
</html>
